<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Ubuntu:wght@400;700&display=swap"
      rel="stylesheet"
    />

    <title>CreateX</title>

    <link rel="stylesheet" href="index.css" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
      crossorigin="anonymous"
    />
  </head>
  <body>
    <div class="wrapper">
      <header>
        <div class="_container">
          <nav class="navbar">
            <a href="index.html" class="nav-branding">
              <img src="img/logo.png" alt="logo" />
            </a>

            <ul class="nav-menu">
              <li class="nav-item">
                <a href="#" class="nav-link">About Us</a>
              </li>
              <li class="nav-item">
                <a href="services.html" class="nav-link">Services</a>
              </li>
              <li class="nav-item">
                <a href="our_work.html" class="nav-link">Work</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">News</a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">Contacts</a>
              </li>
            </ul>
            <div class="hamburger">
              <span class="bar"></span>
              <span class="bar"></span>
              <span class="bar"></span>
            </div>
          </nav>
        </div>
      </header>
      <main class="page">
        <div class="page__main-block main-block">
          <div class="main-block__container _container">
            <div class="main-block__body">
              <h1 class="main-block__title">
                CREATE<span class="color__text">X</span> <br />
                CONSTRUCTION
              </h1>
              <div class="main-block__text">
                Cras ultrices leo vitae non viverra. Fringilla nisi quisque
                <br />
                consequat, dignissim vitae proin ipsum sed. Pellentesque nec
                <br />
                turpis purus eget pellentesque integer ipsum elementum felis.
                <br />
              </div>
              <div class="main-block__buttons">
                <a class="main-block__button" href="">LEARN MORE ABOUT US</a>
                <a class="main-block__button main-block__button__orange" href=""
                  >SUBMIT REQUEST</a
                >
              </div>
            </div>
          </div>
        </div>
      </main>
      <div class="page__video-block video">
        <div class="video__container _container">
          <h2 class="video-block__title">We are Createx Construction Bureau</h2>
          <div class="video-block__text">
            We are rightfully considered to be the best construction company in
            the USA.
          </div>
          <div class="img">
            <img class="img" src="img/video_image.png" alt="video-image" />
          </div>
        </div>
      </div>
      <div class="page__values-block">
        <div class="values__container _container">
          <h3 class="values-block__title">Our core values</h3>
          <div class="values-block__text">
            Our mission is to set the highest standards for construction sphere.
          </div>
          <div class="icon-boxes">
            <div class="quality ic">
              <img src="img/ic-like.png" alt="ic-like" />
              <div class="icon-boxes__title">Quality</div>
              <div class="icon-boxes__text">
                Culpa nostrud commodo ea consequat aliquip reprehenderit. Veniam
                velit nostrud aliquip sunt.
              </div>
            </div>
            <div class="safety ic">
              <img src="img/ic-hand.png" alt="ic-like" />
              <div class="icon-boxes__title">Safety</div>
              <div class="icon-boxes__text">
                Anim reprehenderit sint voluptate exercitation adipisicing
                laborum adipisicing. Minim empor est ea.
              </div>
            </div>
            <div class="comfort ic">
              <img src="img/ic-slippers.png" alt="ic-like" />
              <div class="icon-boxes__title">Comfort</div>
              <div class="icon-boxes__text">
                Sit veniam aute dolore adipisicing nulla sit culpa. Minim mollit
                voluptate ullamco proident ea ad.
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- <div class="page__request-form">
        <div class="request-form__container _container">
          <h4 class="request-form__title">
            Want to know more? Ask us a question:
          </h4>
          <div class="request-form">
            <div class="name">.</div>
            <div class="phone"></div>
            <div class="meassage"></div>
            <div class="request-form__button">SEND</div>
          </div>
        </div>
      </div> -->
      <footer class="footer">
        <div class="footer-block _container">
          <div class="left-side__footer">
            <div class="logo_and_socials">
              <div class="img__logo">
                <img src="img/logo_bright.png" alt="logo" />
              </div>
              <div class="socials">
                <a class="socials_logo" href="">
                  <img src="img/Whatsapp.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/Messanger.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/Facebook.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/Twitter.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/YouTube.png" alt="" />
                </a>
              </div>
            </div>
            <div class="footer__text">
              Createx Construction Bureau has been successfully operating in the
              USA construction market since 2000. We are proud to offer you
              quality construction and exemplary service. Our mission is to set
              the highest standards for construction sphere.
            </div>
            <div class="contacts">
              <h4 class="footer__title">HEAD OFFICE</h4>
              <div class="footer__text__contacts">
                Address:<span class="footer__faded__text">
                  8502 Preston Rd. Inglewood, New York</span
                >
              </div>
              <div class="footer__text__contacts">
                Call:<span class="footer__faded__text"> (405) 555-0128</span>
              </div>
              <div class="footer__text__contacts">
                Email:<span class="footer__faded__text">
                  hello@createx.com</span
                >
              </div>
            </div>
            <div class="copyright">
              © All rights reserved. Made by CreateX Studio
            </div>
          </div>
          <div class="center-side__footer">
            <div class="who-we-are">
              <div class="footer__title">WHO WE ARE</div>
              <div class="links-block">
                <a class="links" href="">About Us</a>
                <a class="links" href="">Available Positions</a>
                <a class="links" href="">Contacts</a>
              </div>
            </div>
          </div>
          <div class="right-side__footer">
            <div class="subscribe">
              <div class="footer__title__right">Let’s stay in touch</div>
              <form class="footer__form">
                <input
                  type="text"
                  class="footer-main-block__input"
                  name="email"
                  id="email"
                  placeholder="Your email address "
                />
                <button class="footer-main-block__button" type="submit">
                  subscribe
                </button>
              </form>
              <div class="footer__text__right">
                *Subscribe to our newsletter to receive communications and early
                updates from Createx Construction Bureau.
              </div>
              <div class="experience">
                <div class="footer__title">OUR EXPERIENCE</div>
                <div class="links-block">
                  <a href="" class="links">Services</a>
                  <a href="" class="links">Work</a>
                  <a href="" class="links">News</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>

    <script src="script.js"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
